<template>
  <wai-ke title="用户登录" :close="close">
    <template>
      <div class="content">
          <div class="row">
            <span class="label">用户名</span>:
            <input />
          </div>
          <div class="row">
            <span class="label">密码</span>:
            <input type="password" />
          </div>
        </div>
      <div class="btns">
        <button @click="login">登录</button>
        <button @click="close">取消</button>
      </div>
    </template>
  </wai-ke>
</template>

<script>
import WaiKe from "./WaiKe.vue";
export default {
  props: ["close"],
  components: { WaiKe },
  data() {
    return {};
  },
  methods: {
    login() {
      alert("登录成功！");
    },
  },
};
</script>
